<template> 
    <van-tabbar route fixed placeholder border> 
    <van-tabbar-item replace :to="{ name: 'home' }" icon="home-o">首页</van-tabbar-item> 
    <van-tabbar-item replace :to="{ name: 'category'}" icon="apps-o">分类</van-tabbar-item> 
    <van-tabbar-item replace :to="{ name: 'message'}" icon="chat-o" badge ="3">消息</van-tabbar-item> 
    <van-tabbar-item replace :to="{ name: 'cart'}" icon="shopping-cart-o" :badge="cartCount()">购物车</van-tabbar-item> 
    <van-tabbar-item replace :to="{ name: 'user'}" icon="user-o">我的</van-tabbar-item></van-tabbar> 
</template> 

<script setup>
import useCart from '../stores/cart'

const { cartCount } = useCart()
</script>

<style scoped> 
.van-tabbar-item { 
 --van-tabbar-item-active-color: #f4b97e; 
} 
</style>